
.invited{
    .invited_list{
        margin: 20rpx 20rpx 0;
        .list_top{
            @include flex;
            align-items: center;
            padding:25rpx 25rpx;
            background-color: #fff;
            border-radius:20rpx;
            box-shadow:0px 10rpx 10rpx 0px rgba(153,174,223,0.1);
            position: relative;
            z-index: 9;
            .bixuan_icon{
                width: 88rpx;
                height: 88rpx;
                margin-right: 20rpx;
                border-radius: 50%;
            }
            .content{
                @include sub-item;
                line-height: 46rpx;
                .phone_box{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    .phone{
                        width: 32rpx;
                        height: 32rpx;
                        padding: 0 30rpx;
                    }
                }
            }
            .downUp{
                width: 32rpx;
                height: 32rpx;
                padding: 20rpx;
            }
        }
        .list_bottom{
            position: relative;
            top: -10rpx;
            background-color: #fff;
            @include flex;
            justify-content: space-between;
            padding: 50rpx 40rpx 40rpx;
            align-items: center;
            border-radius: 20rpx;
            .border_r{
                padding: 32rpx 2rpx 32rpx 0;
                background-color: #eaeaea;
            }
            .bottom_box{
                text-align: center;
                .text{
                    color: #969799;
                }
            }
        }
       
    }   

}
.nomore{
    text-align: center;
    color: #999;
    margin: 20rpx 0;
}
.empty_view{
  @include sub-item;
  margin: 0 auto;
  width: 240rpx;
  height:240rpx;
  margin-top: 35vh;
  .empty_img{
      width: 240rpx;
      height: 240rpx;
  }
  .tit{
      color: #000;
      margin-top: 10rpx;
      text-align: center;
      font-size: 28rpx;
  }
}
.searchBtn{
    position: fixed;
    width: 80rpx;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow:3px 4px 10px 0px rgba(0, 0, 0, 0.2);
    bottom:300rpx;
    bottom: calc(300rpx + constant(safe-area-inset-bottom));
    bottom: calc(300rpx + env(safe-area-inset-bottom));
    right: 34rpx;
    z-index: 99;
}
.propClass{
    background-color: #fff;
    .p-30{
        padding: 30rpx;
    }
    .search{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
        .searchTit{
            padding: 15rpx 30rpx;
            background-color: #F6F6F6;
            border-radius: 40rpx;
            margin: 30rpx 30rpx 0rpx 0rpx;
            // flex: 1;
        }
        .active2{
            background-color: #FF759F;
            color: #fff;
        }
    }
    .pickerTit{
        margin: 40rpx 0 30rpx 0;
    }
    .pickerView{
        @include flex;
        .pickerTime{
            padding: 15rpx 40rpx;
            color: #333333;
            border: 1px solid #E4E4E4;
            border-radius:50rpx;
            margin-right:40rpx ;
            font-size: 26rpx;
            position: relative;   
        }
        .aniPicker{
            -webkit-animation: icon-bounce 0.5s forwards;
            -moz-animation: icon-bounce 0.5s forwards;
            -o-animation: icon-bounce 0.5s forwards;
            animation: icon-bounce 0.5s forwards;
        }

    }
    .chooseButton{
        display: flex;
        flex-direction: row;
        border-top: 1px solid #E4E4E4;
        .sureBtn{
            background-color: #FF759F;
            height: 88rpx;
            line-height: 88rpx;
            text-align: center;
            flex: 1;
            color:#fff;
            font-size: 30rpx;
        }
        .resetBtn{
            background-color: #fff;
            color: #000000;
        }
    }
}
@keyframes icon-bounce {
    0%,100% {
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
      -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
      -webkit-transform: translateX(5px);
      transform: translateX(5px);
    }
    20%,
    40%,
    60%,
    80%{
      -moz-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px);
    }
  }
  @-webkit-keyframes icon-bounce {
    0%,100% {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
      }
      10%,
      30%,
      50%,
      70%,
      90% {
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
      }
      20%,
      40%,
      60%,
      80%{
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
      }
  }
  @-moz-keyframes icon-bounce {
    0%,100% {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
      }
      10%,
      30%,
      50%,
      70%,
      90% {
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
      }
      20%,
      40%,
      60%,
      80%{
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
      }
  }
  @-o-keyframes icon-bounce {
    0%,100% {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
      }
      10%,
      30%,
      50%,
      70%,
      90% {
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
      }
      20%,
      40%,
      60%,
      80%{
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
      }
  }
